<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="华为是全球领先的ICT（信息与通信）基础设施和智能终端提供商，致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能网络">
    <link rel="shortcut icon" href="../images/logo-icon.png">
    <title>华为 - 构建万物互联的智能世界</title>

    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>

    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('../fonts/icomoon.eot?4hs4fs');
            src: url('../fonts/icomoon.eot?4hs4fs#iefix') format('embedded-opentype'),
                url('../fonts/icomoon.ttf?4hs4fs') format('truetype'),
                url('../fonts/icomoon.woff?4hs4fs') format('woff'),
                url('../fonts/icomoon.svg?4hs4fs#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
    </style>
</head>

<body>
    <header>
        <ul>
            <li>
                <a href="#">
                    集团网站
                </a>
            </li>
            <li>
                <a href="#">
                    选择区域/语言a
                </a>
            </li>
            <li>
                <a href="#">
                    登录
                </a>
            </li>
        </ul>
    </header>

    <nav>
        <div class="w">
            <div class="left">
                <h1><a href="index.html"><img src="../images/huawei_logo.png" alt=""></a></h1>
            </div>
            <div class="middle">
                <ul>
                    <li><a href="#">个人及家庭产品</a></li>
                    <li><a href="#">商用产品及方案</a></li>
                    <li><a href="#">服务支持</a></li>
                    <li><a href="#">合作伙伴与开发商</a></li>
                    <li><a href="#">关于华为</a></li>
                </ul>
            </div>
            <div class="right">
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <div class="ad w">
        <button class="buttonLeft"></button>
        <ul class="adUl">
            <li><img src="../images/ad1.jpg" alt=""></li>
            <li><img src="../images/ad2.jpg" alt=""></li>
            <li><img src="../images/ad3.jpg" alt=""></li>
        </ul>
        <button class="buttonRight"></button>
        <ol calss="circle">

        </ol>
    </div>

    <section class="recommend">
        <div class="title">
            <h2>推荐信息</h2>
        </div>
        <div class="products">
            <div class="one">
                <div class="oneLeft big">
                    <img src="../images/products1.jpg" alt="">
                </div>
                <div class="oneRight big">
                    <img src="../images/products2.jpg" alt="">
                </div>
            </div>
            <div class="tow">
                <div class="towLeft big">
                    <img src="../images/products3.jpg" alt="">
                </div>
                <div class="towRight big">
                    <img src="../images/products4.jpg" alt="">
                </div>
            </div>
            <div class="three">
                <div class="threeLeft big">
                    <img src="../images/products5.jpg" alt="">
                </div>
                <div class="threeMiddle big">
                    <img src="../images/products6.jpg" alt="">
                </div>
                <div class="threeRight big">
                    <img src="../images/products7.jpg" alt="">
                </div>
            </div>
        </div>

    </section>

    <section class="more w">
        <a href="#">了解更多</a>
    </section>

    <section class="news">
        <div class="title">
            <h2>新闻与活动</h2>
        </div>
        <div class="newsAndPlay w">
            <ul>
                <li>
                    <a href="#">
                        <div class="photo"></div>
                        <div>
                            <h4>2023全球移动宽带论坛</h4>
                            <div>
                                <span>阿联酋，迪拜</span>
                                <span>2023年10月10日 - 11日</span>
                            </div>
                            <p>第十四届全球移动宽带论坛，华为携手产业合作伙伴GSMA、GTI和SAMENA，在迪拜举办。本届论坛主题为"Bring 5.5G into Reality"。</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="photo"></div>
                        <div>
                            <h4>第九届全球超宽带高峰论坛（UBBF 2023）</h4>
                            <div>
                                <span>阿联酋，迪拜</span>
                                <span>2023年10月12日 - 13日</span>
                            </div>
                            <p>第九届全球超宽带高峰论坛（UBBF2023）于2023年10月12-13日在阿联酋迪拜举办，本届论坛的主题是“万物智联，UBB5.5G使能新增长”。"Bring 5.5G
                                into
                                Reality"。</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">

                    </a>
                </li>
            </ul>
        </div>
    </section>

    <section class="learn w">
        <a href="#">更多活动</a>
        <a href="#">更多新闻</a>
    </section>

    <footer>

    </footer>
    <div class="copy"></div>
</body>

</html>